<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i%7CQuicksand:300,400,500,600,700%7CRoboto:400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
    <!-- fontawesome css link -->
    <link rel="stylesheet" href="/css/pay-css/fontawesome-all.min.css">
    <!-- flaticon css -->
    <link rel="stylesheet" href="/css/pay-css/flaticon.css">
    <!-- magnific popup -->
    <link rel="stylesheet" href="/css/pay-css/magnific-popup.css">
    <!-- nice-select css -->
    <link rel="stylesheet" href="/css/pay-css/nice-select.css">
    <!-- bootstrap css link -->
    <link rel="stylesheet" href="/css/pay-css/bootstrap.min.css">
    <!-- swipper css link -->
    <link rel="stylesheet" href="/css/pay-css/swiper.min.css">

    <link rel="stylesheet" href="/css/pay-css/animate.css">
    <!-- main style css link -->
    <link rel="stylesheet" href="/css/pay-css/style.css">
</head>
<body>
<!-- ============================  Navigation Start =========================== -->
<div style="position: fixed;width: 100vw;z-index: 10;">
    <iframe src="/api/web/head.html" frameborder="0" width="100%" height="100px"></iframe>
</div>
<!-- 占位 -->
<div style="width: 100vw;height: 100px;"></div>
<!-- ============================  Navigation End ============================ -->

<!-- pricing-section start -->
<section class="pricing-section pd-t-120">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7 text-center">
                <div class="section-header wow fade-in-up" data-wow-duration="1s" data-wow-delay="0.5s">
                    <h2 class="section-title">Our Membership Pack</h2>
                    <p>Suspendisse lectus vivamus donec turpis egestas, sed at massa orci, et nibh massa augue  Fermentum arcu, potenti tellus praesent integer aliquam. </p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center ml-b-30">
            <div class="col-lg-4 col-md-6 col-sm-8 mrb-30 wow fade-in-bottom" data-wow-duration="1s" data-wow-delay="0.5s">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h3 class="title">包月会员</h3>
                    </div>
                    <div class="pricing-body">
                        <h3 class="amount">$180/月</h3>
                        <ul class="pricing-list">
                            <li>Lifetime membership</li>
                            <li>Profile security </li>
                            <li>free notification</li>
                        </ul>
                        <a href="/api/pay/wxpay/member?money=180" class="btn-border">buy now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-8 mrb-30 wow fade-in-bottom" data-wow-duration="1s" data-wow-delay="0.8s">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h3 class="title">黄金会员</h3>
                    </div>
                    <div class="pricing-body">
                        <h3 class="amount">$520/季</h3>
                        <ul class="pricing-list">
                            <li>Lifetime membership</li>
                            <li>Profile security </li>
                            <li>free notification</li>
                        </ul>
                        <a href="/api/pay/wxpay/member?money=520" class="btn-border">buy now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-8 mrb-30 wow fade-in-bottom" data-wow-duration="1s" data-wow-delay="1s">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h3 class="title">钻石会员</h3>
                    </div>
                    <div class="pricing-body">
                        <h3 class="amount">$1314/年</h3>
                        <ul class="pricing-list">
                            <li>Lifetime membership</li>
                            <li>Profile security </li>
                            <li>free notification</li>
                        </ul>
                        <a href="/api/pay/wxpay/member?money=1314" class="btn-border">buy now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- pricing-section end -->

<iframe src="/api/web/foot.html" frameborder="0" height="300px" width="100%" style="margin-top: 100px"></iframe>




</body>
</html>
